a:link {
  color: #A90000;
  text-decoration: none;
}

a:visited {
  color: #9F4949;
  text-decoration: none;
}

a:hover {
  color: #E70000;
  text-decoration: underline;
}

a img {
  border-width: 0;
}

a, ul.tab-widget-menu li, #pointabs .Label li, .addthis_toolbox .addthis-tooltip, .comments .comment-block, pre, i[rel="pre"], #HTML7 li {
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

#NoScript {
  background: none repeat scroll 0% 0% rgb(255, 255, 255);
  text-align: center;
  padding: 5px 0;
  border-top: 2px solid rgb(51, 51, 51);
  border-bottom: 2px solid rgb(51, 51, 51);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0.9;
}

#out-shadow {
  position: relative;
  text-align: left;
  width: 1000px;
  background-color: #ccc;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .4), 0 0 9px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .4), 0 0 9px rgba(0, 0, 0, .4);
  box-shadow: 0 0 2px rgba(0, 0, 0, .4), 0 0 9px rgba(0, 0, 0, .4);
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
  margin: 0 auto 40px;
}

#out-shadow:after {
  content: "";
  display: table;
  clear: both;
}

#content-wrapper {
  margin: 0 10px 10px;
}

#NoScript h6 {
  font-size: 24px;
  color: rgb(102, 102, 102);
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  margin-left: -30px;
  margin-top: -18px;
}

#rssnew {
  width: 350px;
  float: right;
}

#rssnew ul, #rssnew li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#rssnew .otherclik {
  position: relative;
  display: inline-block;
  float: left;
  zoom: 1;
  margin-right: 10px;
}

#rssnew .otherclik &gt;
  span {
  padding: 0;
  width: 35px;
  height: 30px;
  display: block;
  line-height: 30px;
  color: white;
  cursor: pointer;
  text-indent: -9999px;
  background-color: #B02424;
  background-image: -webkit-linear-gradient(top, #222, #444);
  background-image: -moz-linear-gradient(top, #222, #444);
  background-image: -o-linear-gradient(top, #222, #444);
  background-image: linear-gradient(top, #222, #444);
  border-radius: 4px;
  position: relative;
  top: -1px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.83);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.83);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.83);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.rssposts::after, .rsscomments::after {
  content: "";
  width: 35px;
  height: 35px;
  position: absolute;
  display: block;
  background-image: url(../images/postcomments.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  top: 0;
  left: 3px;
}

.rsscomments::after {
  background-position: 0 -45px;
  left: 0;
}

#rssnew .rssother {
  position: absolute;
  z-index: 9999;
  width: 270px;
  top: 35px;
  padding: 3px;
  border-radius: 0 0 3px 3px;
  background-color: #333;
  display: none;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3);
}

#nav ul.subnya.hidden, #rssnew .rssother.hidden {
  display: block;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
}

#nav li:hover ul.subnya.hidden, #rssnew .otherclik:hover .rssother.hidden {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
}

#rssnew ul {
  border-bottom: 1px solid #811313;
  border-top: 1px solid #4B0A0A;
}

#rssnew li {
  overflow: hidden;
  height: 75px;
  padding: 0 5px;
  border-top: 1px solid #444;
  border-bottom: 1px solid #222;
  position: relative;
}

#rssnew li.admin::after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-width: 6px 6px;
  border-style: solid;
  border-color: transparent #008D06 #008D06 transparent;
  position: absolute;
  bottom: 5px;
  right: 5px;
}

#newposts .thumbp span, #newcomments .commented span {
  display: block;
  float: left;
  margin-top: 5px;
  margin-right: 5px;
  width: 40px;
  height: 40px;
  padding: 2px;
  background-color: #444;
}

#newcomments li.admin .commented span {
  background-color: #444;
}

#newposts img, #newcomments img {
  display: block;
  width: 100%;
  height: 100%;
}

.contxisi, .cm_sum {
  color: white;
  font-size: 10px;
}

.rsscmt h4, .PioTitle h4 {
  font-size: 120%;
  overflow: hidden;
  margin-top: 5px;
  height: 16px;
}

.PioTitle h4 a, .rsscmt h4 a {
  color: #E9B5B5;
}

.rsscmt span, .PioTitle span {
  font-size: 8px;
  color: #DDD;
}

#rssnew .otherclik &gt;
  span:hover {
  background-color: #A10606;
  background-image: -webkit-linear-gradient(top, #444, #222);
  background-image: -moz-linear-gradient(top, #444, #222);
  background-image: -o-linear-gradient(top, #444, #222);
  background-image: linear-gradient(top, #444, #222);
}

#rssnew .otherclik &gt;
  span:active,#rssnew .otherclik.active &gt;
  span {
  top: 0;
  background-color: #444;
  background-image: -webkit-linear-gradient(top, #444, #222);
  background-image: -moz-linear-gradient(top, #444, #222);
  background-image: -o-linear-gradient(top, #444, #222);
  background-image: linear-gradient(top, #444, #222);
}

#sidebar-wrapper h2 {
  cursor: pointer;
  text-shadow: 0 1px 0 black;
  background-color: rgb(51, 51, 51);
  background-image: -moz-linear-gradient(center top, rgb(51, 51, 51), rgb(60, 60, 60));
  border-right: medium none;
  border-left: medium none;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  border-width: 1px medium;
  border-style: solid none;
  border-color: rgb(68, 68, 68) -moz-use-text-color rgb(34, 34, 34);
  font: bold 100%/28px "Trebuchet MS", Trebuchet, Geneva, Verdana, Arial, Sans-Serif;
  color: rgb(187, 187, 187);
  text-transform: uppercase;
  padding: 0 10px 7px;
  height: 27px;
}

#sidebar-wrapper .widget-content {margin: 0}


h1, h2, h3, h4, h5, h6, ul.tab-widget-menu a, .PopularPosts .item-title a, #related_posts strong, .tabs label {
  margin: 0;
  font-weight: normal;
  text-transform: none;
  font-family: 'Yanone Kaffeesatz', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.date-header {
  position: absolute;
  left: -9999px;
}

.post {
  margin: 0;
}

.post h1, .post h2 {
  margin: .25em 0 0;
  padding: 0 0 4px;
  font-size: 140%;
  font-weight: normal;
  line-height: 1.4em;
}

.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong {
  display: block;
  text-decoration: none;
  font-weight: normal;
}

.post-body {
  margin: 0;
  line-height: 1.6em;
}

.post-body .ad-text {
  margin-bottom: 30px;
}

.post-body blockquote {
  line-height: 1.3em;
}

.post-footer {
  position: absolute;
  left: -9999px;
}

.comment-link {
  margin-left: .6em;
}

.tr-caption-container img {
  border: none;
  padding: 0;
}

.post blockquote {
  margin: 1em 20px;
}

.post blockquote p {
  margin: .75em 0;
}

#comments-block {
  margin: 1em 0 1.5em;
  line-height: 1.6em;
}

#comments-block .comment-author {
  margin: .5em 0;
}

#comments-block .comment-body {
  margin: .25em 0 0;
}

#comments-block .comment-footer {
  margin: -.25em 0 2em;
  line-height: 1.4em;
  letter-spacing: .1em;
}

#comments-block .comment-body p {
  margin: 0 0 .75em;
}

.deleted-comment {
  font-style: italic;
  color: gray;
}

#blog-pager-newer-link {
  float: left;
}

#blog-pager-older-link {
  float: right;
}

#blog-pager {
  text-align: center;
  padding: 2px 8px;
}

.feed-links {
  display: none;
}

.sidebar {
  color: #666666;
  line-height: 1.5em;
}

.sidebar ul, .sidebar li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main .widget {
  margin: 5px;
  padding: 0;
}

.main .Blog {
  border-bottom-width: 0;
}

#footer {
  width: auto;
  clear: both;
  margin: 0 auto;
  padding: 0;
  display: block;
}

img {
  max-width: 100%;
  height: auto;
  width: auto\9;
}

::selection {
  background: #A00F0F;
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background: #A00F0F;
  color: #fff;
  text-shadow: none;
}

.imgthumbnails .rmore, .infox {
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, Sans-Serif;
}

ul.tab-widget-menu, ul.tab-widget-menu li, #related_posts ul, #related_posts li {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.tab-widget-menu {
  height: 30px;
  border-bottom: 1px solid #222;
}

ul.tab-widget-menu li {
  display: inline-block;
  float: left;
  text-align: center;
  border-left: 1px solid rgb(68, 68, 68);
  border-right: 1px solid rgb(34, 34, 34);
}

ul.tab-widget-menu li:nth-child(2) {
  margin: 0;
}

ul.tab-widget-menu li.selected, ul.tab-widget-menu li:hover {
  color: #fff;
}

ul.tab-widget-menu a {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  color: white;
  font: bold 100%/28px "Trebuchet MS", Trebuchet, Geneva, Verdana, Arial, Sans-Serif;
  text-transform: uppercase;
}

.grsbawah {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 27px;
  background-color: #F1E8E8;
  z-index: 0;
  text-indent: -9999px;
}

.sokial {
  position: relative;
  padding: 0 8px;
  height: 16px;
  margin-top: 5px;
  margin-bottom: 5px;
  z-index: 2;
  width: 155px;
}

.addthis_toolbox.addthis_default_style {
  width: 150px;
}

.addthis_toolbox .addthis-tooltip {
  display: block;
  width: 150px;
  padding: 5px 10px;
  position: absolute;
  bottom: 100%;
  left: 30px;
  z-index: 77;
  margin-bottom: 40px;
  background-color: black;
  font: bold 12px "Trebuchet MS", Arial, Sans-Serif;
  color: white;
  text-align: center;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
}

.addthis_toolbox:hover .addthis-tooltip {
  visibility: visible;
  opacity: 1;
  margin-bottom: 10px;
  z-index: 99999;
}

.addthis_toolbox .addthis-tooltip::before {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top-color: black;
  position: absolute;
  top: 100%;
  left: 15px;
}

.comment-form {
  max-width: 100%;
}

.comments a {
  color: #5687B8;
}

.comments .avatar-image-container {
  width: 45px;
  height: 45px;
  max-width: 45px;
  max-height: 45px;
  padding: 2px;
  border: 1px solid #555;
  margin-right: 5px;
  margin-top: 8px;
  margin-left: 8px;
  position: relative;
  background-color: #333;
  z-index: 2;
}

.comments .avatar-image-container img {
  max-width: 100%;
  height: 100%;
}

.comments .inline-thread .avatar-image-container {
  width: 45px;
  height: 45px;
  position: relative;
  margin: 10px 20px 0 10px;
}

.comments .comment-block {
  margin-left: 0;
  padding: 10px 10px 20px 10px;
  border: 1px solid #3c3c3c;
  background-color: #333;
  -webkit-box-shadow: 0 1px 2px black;
  -moz-box-shadow: 0 1px 2px black;
  box-shadow: 0 1px 2px black;
  position: relative;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.comments .inline-thread .comment-block {
  margin-left: 0;
  padding: 10px;
  border: 0;
  min-height: auto;
}

#searchform {
  float: left;
}

#searchform .othercliksc {
  position: relative;
}

#formsearch {
  position: absolute;
  width: 200px;
  left: 45px;
  top: 4px;
}

#ajax-search-form {
  position: relative;
  font: normal normal 13px Arial, Sans-Serif;
}

#ajax-search-form a {
  color: #741F27;
  text-decoration: none;
}

#ajax-search-form input {
  font: normal normal 12px/100% Arial, Sans-Serif;
  background-color: #444 !important;
  color: #f10c0c;
  text-align: left;
  -webkit-box-shadow: inset 0 0 2px #333;
  -moz-box-shadow: inset 0 0 2px #333;
  box-shadow: inset 0 0 2px #333;
  border: 1px solid #444;
  border-color: #222 #444 #444 #222;
  padding: 1px 2px;
  width: 100%;
}

#ajax-search-form input[type="submit"] {
  width: auto;
  background-color: #680202;
  border: none;
  color: white;
  font-weight: bold;
  cursor: pointer;
  font-size: 9px;
}

#ajax-search-form input[type="submit"]:hover, #ajax-search-form input[type="submit"]:focus {
  background-color: #460000;
}

#search-result {
  background-color: #333;
  padding: 5px 2px;
  margin: 2px 0;
  width: 270px;
  overflow: auto;
  max-height: 710px;
  position: absolute;
  right: 0;
  top: 28px;
  z-index: 99;
  color: white;
  border-radius: 0 0 3px 3px;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3);
  display: none;
}

#search-result * {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#search-result h4 {
  display: block;
  margin: 0 30px 10px 5px;
  color: white;
}

#search-result ul {
  margin: 0;
  overflow: hidden;
  max-height: 405px;
}

#search-result ul:hover {
  overflow: auto;
}

#search-result li {
  height: 68px;
}

#search-result ul a:hover {
  text-decoration: underline;
}

#search-result .close {
  display: block;
  position: absolute;
  top: 2px;
  font-size: 20px;
  right: 10px;
  line-height: normal;
  color: white;
}

#search-result span {
  width: 50px;
  height: 50px;
  display: block;
  float: left;
  padding: 2px;
  margin-right: 5px;
  margin-top: 5px;
  background-color: white;
}

#search-result img {
  width: 100%;
  height: 100%;
  display: block;
}

#search-result h5 {
  color: #FFC7C7;
  overflow: hidden;
  font-size: 110%;
  margin-top: 2px;
  height: 16px;
}

#search-result p {
  font-size: 10px;
  color: white;
}

#search-result mark {
  color: white;
  background: #085C0B;
  padding: 0 3px;
}

.comments .comments-content .comment-replies {
  margin-left: 20px;
  margin-top: 5px;
}

.comments .comments-content .comment-header, .comments .comments-content .comment-content {
  margin: 2px 0 0 46px;
  padding: 2px 0 10px 5px;
  background: none repeat scroll 0% 0% rgb(68, 68, 68);
  border: 1px solid rgb(85, 85, 85);
}

.comments .comments-content .comment-header {
  margin: 0 0 0 46px;
  background: none repeat scroll 0% 0% rgb(68, 68, 68);
  padding: 2px 0 20px 5px;
  border: 1px solid rgb(85, 85, 85);
}

.comments .comments-content .inline-thread .comment-header, .comments .comments-content .inline-thread .comment-content {
  padding-left: 0;
  margin: 0 0 2px 49px;
}

.comment-actions {
  position: absolute;
  top: 58px;
  left: 8px;
  z-index: 2;
}

.comments .comment .comment-actions a {
  background-color: #B02424;
  background-image: -webkit-linear-gradient(top, #0a2e58, #12529d);
  background-image: -moz-linear-gradient(top, #0a2e58, #12529d);
  background-image: -o-linear-gradient(top, #0a2e58, #12529d);
  background-image: linear-gradient(top, #0a2e58, #12529d);
  border-radius: 4px;
  position: relative;
  display: block;
  padding: 2px 7px;
  color: white;
  top: -1px;
  font-family: Arial, Sans-serif;
  font-weight: bold;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.comments .comment .comment-actions a:hover {
  text-decoration: none;
  background-color: #A10606;
  background-image: -webkit-linear-gradient(top, #072241, #020a13);
  background-image: -moz-linear-gradient(top, #072241, #020a13);
  background-image: -o-linear-gradient(top, #072241, #020a13);
  background-image: linear-gradient(top, #072241, #020a13);
}

.comments .comment .comment-actions a:active {
  top: 0;
  background-color: #444;
  background-image: -webkit-linear-gradient(top, #444, #222);
  background-image: -moz-linear-gradient(top, #444, #222);
  background-image: -o-linear-gradient(top, #444, #222);
  background-image: linear-gradient(top, #444, #222);
}

.comments .comments-content .inline-thread li.comment, .comments .comments-content .inline-thread li.comment:first-child, .comments .comments-content .inline-thread li.comment:last-child {
  margin-bottom: 5px;
}

.comments .comments-content .inline-thread {
  padding: 0;
}

.comments .comments-content .comment-thread.inline-thread ol {
  padding-top: 0;
}

.comments .comments-content .comment-thread.inline-thread ol &gt;
  div:first-child {
  padding: 10px;
}

.comments .comments-content .comment-thread ol {
  list-style-type: none;
  padding: 0;
  text-align: left;
  margin-top: -21px;
}

.comments .comments-content .inline-thread li.comment::before {
  content: "";
  position: absolute;
  width: 11px;
  height: 1px;
  background-color: #CCA5A5;
  display: block;
  left: -12px;
  top: 12px;
}

.comments .comments-content .inline-thread li.comment:last-child {
  margin-bottom: 0;
  margin-top: -15px;
}

.comments .comments-content .inline-thread li.comment:last-child::after {
  content: "";
  height: 100%;
  width: 5px;
  display: block;
  position: absolute;
  top: 13px;
  left: -13px;
}

pre, i[rel="pre"] {
  display: block;
  padding: 5px .5em 5px 1em;
  font: normal normal 12px/15px "Inconsolata", "Monaco", "Consolas", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  background-color: #E9DDDD;
  border-left: 4px solid #A30000;
  position: relative;
  overflow: auto;
  word-wrap: normal;
  white-space: pre;
}

pre:hover, i[rel="pre"]:hover {
  background-color: #F7EFEF;
}

pre code {
  display: block;
  color: #111;
  font: normal normal 12px/15px "Inconsolata", "Monaco", "Consolas", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  letter-spacing: 0;
  white-space: pre;
}

pre[rel="HTML"], pre[data-codetype="HTML"] {
  border-left-color: #4584BE;
}

pre[rel="CSS"], pre[data-codetype="CSS"] {
  border-left-color: #5DA028;
}

pre[rel="JavaScript"], pre[data-codetype="JavaScript"] {
  border-left-color: #bbbbbb;
}

pre[rel="JQuery"], pre[data-codetype="JQuery"] {
  border-left-color: #7073CF;
}

pre[rel="JQuery UI"], pre[data-codetype="JQuery UI"] {
  border-left-color: #E36B23;
}

pre[rel="XML"], pre[data-codetype="XML"] {
  border-left-color: #C44032;
}

pre[rel*="+"], pre[data-codetype*="+"] {
  border-left-color: #B58900;
}

pre .comment, pre .template_comment, pre .diff .header, pre .doctype, pre .lisp .string, pre .javadoc {
  color: #00BB4B;
  font-style: italic;
}

pre .keyword, pre .css .rule .keyword, pre pre .winutils, pre .javascript .title, pre .method, pre .addition, pre .css .tag, pre .lisp .title {
  color: #859900;
}

pre .number, pre .command, pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula, pre .regexp, pre .hexcolor {
  color: #9B0909;
}

pre .title, pre .localvars, pre .function .title, pre .chunk, pre .decorator, pre .builtin, pre .built_in, pre .lisp .title, pre .identifier, pre .title .keymethods, pre .id {
  color: #103197;
}

pre .tag .title, pre .rules .property, pre .django .tag .keyword {
  font-weight: bold;
}

pre .attribute, pre .variable, pre .instancevar, pre .lisp .body, pre .smalltalk .number, pre .constant, pre .class .title, pre .parent, pre .haskell .label {
  color: #0499D3;
}

pre .preprocessor, pre .pi, pre .shebang, pre .symbol, pre .diff .change, pre .special, pre .keymethods, pre .attr_selector, pre .important, pre .subst, pre .cdata {
  color: #cb4b16;
}

.comments .thread-toggle.thread-expanded {
  position: relative;
  display: none;
}

.comments .thread-toggle.thread-expanded::after {
  content: "";
  display: block;
  width: 1px;
  height: 31px;
  position: absolute;
  background: #CCA5A5;
  top: -8px;
  left: 0;
}

.comments .comment .comment-actions .item-control a {
  display: none;
  background-color: #FCFCFC;
  background-position: 2px 50%;
  background-repeat: no-repeat;
  background-image: url(http: //2.bp.blogspot.com/-qiWCKPMFp-Q/UMA9xcj59ZI/AAAAAAAAG9Y/dmS0sHqpwDE/s14/Trash.png);
  border: 1px solid #C49D9D;
  position: absolute;
  left: -12px;
  text-indent: -9999px;
  padding: 0;
  width: 19px;
  height: 20px;
  top: -25px;
  border-radius: 2px;
}

.comments .comments-content .comment:hover .comment-actions .item-control a {
  display: block;
}

.comments .comments-content .comment:hover .inline-thread .comment-actions .item-control a {
  display: none;
}

.comments .comments-content .inline-thread li.comment:hover .comment-actions .item-control a {
  display: block;
}

.comments .inline-thread .comment .comment-actions .item-control a {
  left: -61px;
  top: -35px;
}

#comments h4#comment-post-message {
  border-bottom: 0;
  background-color: transparent;
  font-size: 130%;
}

.comments {
  padding: 10px;
  margin: 5px;
  background-color: #2f2f2f;
  border: 2px solid #666;
  -webkit-box-shadow: inset 0 0 7px black;
  -moz-box-shadow: inset 0 0 7px black;
  box-shadow: inset 0 0 7px black;
  color: white;
}

.comments .comments-content .icon.blog-author {
  display: block;
  width: 62px;
  float: left;
  position: absolute;
  height: 20px;
  right: 16px;
  top: -3px;
  background-color: #333;
  background-image: url(../images/author.png);
  background-position: -12px -2px;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.comments .comments-content .inline-thread .icon.blog-author {
  top: 8px;
}

.comments .comments-content .user, .comments .comments-content .datetime {
  display: inline-block;
  float: left;
}

.comments .avatar-image-container img[src="http://img1.blogblog.com/img/anon36.png"] {
  content: url(../images/anonymous.png);
}

.comments .continue a {
  display: none;
  font-weight: bold;
  padding: 0.5em;
}

p.commsg {
  color: white;
  position: relative;
  background: #174A87;
  border: 5px solid #0A2E58 !important;
  padding: 10px;
  margin: 0 0 20px 0;
  font-size: 11px;
  border-radius: 2px;
}

p.commsg::before, p.commsg::after {
  top: 100%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

pre .deletion {
  color: #dc322f;
}

pre .tex .formula {
  background: #073642;
}

pre.numbered {
  border-left-width: 2px;
  padding-left: 1em;
}

pre .line-number, pre.numbered code {
  display: block;
  line-height: 16px;
}

pre .line-number {
  float: left;
  margin: 0 1em 0 -1em;
  color: #586E75;
  border-right: 2px solid #711;
  text-align: right;
  min-width: 35px;
}

pre .line-number span {
  display: block;
  position: relative;
  padding: 0 .5em 0 1em;
}

pre .line-number span:nth-child(even) {
  background-color: #FAFAFA;
}

pre .line-number span em {
  position: absolute;
  bottom: -1px;
  left: 100%;
  background-color: orange;
  padding: 0 2px 1px 2px;
  border: 1px solid black;
  font-style: normal;
  color: black;
  display: none;
}

pre .line-number span:hover em {
  display: block;
}

pre .line-number span:target a {
  display: block;
  color: white;
  position: relative;
  background-color: #268bd2;
  margin: 0 -.5em 0 -1em;
  padding: 0 .5em 0 0;
}

pre.numbered code span {
  line-height: 12px;
}

pre[data-codetype="HTML"] .line-number span:target a {
  background-color: #4584BE;
}

pre[data-codetype="CSS"] .line-number span:target a {
  background-color: #5DA028;
}

pre[data-codetype="JavaScript"] .line-number span:target a {
  background-color: #bbbbbb;
}

pre[data-codetype="JQuery"] .line-number span:target a {
  background-color: #7073CF;
}

pre[data-codetype="JQuery UI"] .line-number span:target a {
  background-color: #E36B23;
}

pre[data-codetype="XML"] .line-number span:target a {
  background-color: #C44032;
}

pre[data-codetype*="+"] .line-number span:target a {
  background-color: #B58900;
}

pre .line-number span:target:before {
  content: "";
  display: block;
  height: 150px;
  margin-top: -150px;
  visibility: hidden;
}

p.commsg::before {
  border-top-color: #0A2E58;
  left: 80%;
  margin-left: -16px;
  border-width: 16px;
}

p.commsg::after {
  border-top-color: #174A87;
  left: 80%;
  margin-left: -10px;
  border-width: 10px;
}

p.commsg span {
  display: block;
  margin-bottom: 20px;
}

.buttonhijau.small {
  text-decoration: none;
  cursor: pointer;
  padding: 3px 8px;
  background-color: #0CAA32;
  background-image: -webkit-linear-gradient(top, #0a2e58, #12529d);
  background-image: -moz-linear-gradient(top, #0a2e58, #12529d);
  background-image: -o-linear-gradient(top, #0a2e58, #12529d);
  background-image: linear-gradient(top, #0a2e58, #12529d);
  border-radius: 2px;
  position: relative;
  top: -1px;
  font-family: Arial, Sans-serif;
  font-weight: bold;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  color: white;
}

.buttonhijau.small:hover {
  background-color: #059221;
  background-image: -webkit-linear-gradient(top, #072241, #020a13);
  background-image: -moz-linear-gradient(top, #072241, #020a13);
  background-image: -o-linear-gradient(top, #072241, #020a13);
  background-image: linear-gradient(top, #072241, #020a13);
}

.buttonhijau.small:active {
  top: 0;
  background-color: #027E1A;
  background-image: -webkit-linear-gradient(top, #017622, #009023);
  background-image: -moz-linear-gradient(top, #017622, #009023);
  background-image: -o-linear-gradient(top, #017622, #009023);
  background-image: linear-gradient(top, #017622, #009023);
}

.comment-content textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.comments .comments-content .comment-content.delleted {
  color: white;
  border: 1px solid #444;
  padding: 10px;
  -webkit-box-shadow: 0 1px 2px #111;
  -moz-box-shadow: 0 1px 2px #111;
  background-color: #174A87;
  margin-top: 5px;
}

#MainNav {
  height: 40px;
  background-color: #333;
  position: absolute;
  width: 100%;
  border-bottom: 2px solid #999;
  -webkit-box-shadow: 0 0 7px black;
  -moz-box-shadow: 0 0 7px black;
  box-shadow: 0 0 7px black;
}

#main-wrapper {
  width: 67%;
  float: left;
}

#sidebar-wrapper a {
  color: rgb(153, 153, 153);
  text-decoration: none;
}

#sidebar-wrapper a:hover {
  color: #fff;
}

#sidebar-wrapper, .infox, .rmore, .itemfoot {
  font-size: 11px;
  margin-right: 5px;
}

.imgthumbnails:hover, .PopularPosts .item-title a:hover, .tabxx a:hover, #related_posts a:hover, .pager-isi a:hover, .levcomt a {
  text-decoration: none;
}

#pointabs h2 {
  position: absolute;
  left: -9999px;
}

#sidebarcentral {
  margin: auto;
  border: 4px solid #444;
  background-color: #333;
  -webkit-box-shadow: inset 0 0 2px black;
  -moz-box-shadow: inset 0 0 2px black;
  box-shadow: inset 0 0 2px black;
  width: 100%;
  padding: 2px;
}

.sidebar .widget {
  background-color: #333;
  margin-bottom: 10px;
  overflow: hidden;
}

.imgthumbnails:hover, .PopularPosts .item-title a:hover, .tabxx a:hover, #related_posts a:hover, .pager-isi a:hover, .levcomt a {
  text-decoration: none;
}

#pointabs h2 {
  position: absolute;
  left: -9999px;
}

#sidebarcentral {
  margin: auto;
  border: 4px solid #444;
  background-color: #333;
  -webkit-box-shadow: inset 0 0 2px black;
  -moz-box-shadow: inset 0 0 2px black;
  box-shadow: inset 0 0 2px black;
  width: 100%;
  padding: 2px;
}

#pointabs .sidebar .widget, #pointabs .widget-content.popular-posts {
  margin: 0;
}

#pointabs .BlogArchive .widget-content {
  border-top: 1px solid #222;
  margin: 0 10px 10px;
}

.PopularPosts .widget-content ul li {
  border-top: 1px solid #444;
  border-bottom: 1px solid #222;
  padding: 2px 2px 5px 2px;
}

.PopularPosts .item-title {
  padding: 0;
  height: 24px;
  line-height: 24px;
  font-size: 120%;
  overflow: hidden;
}

.PopularPosts .item-thumbnail {
  float: left;
  width: 70px;
  height: 70px;
  border: 1px solid #555;
  padding: 3px;
  margin: 6px 4px 4px 0;
}

.PopularPosts img {
  padding: 0;
  width: 100%;
  height: 100%;
}

.PopularPosts .item-snippet {
  line-height: 11px;
  font-size: 10px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

#pointabs .widget-content.list-label-widget-content {
  margin: 0;
  border-top: 1px solid #222;
  padding: 5px 0 0 0;
}

#pointabs .Label li {
  width: 48%;
  display: inline-block;
  float: left;
  padding: 0;
  background-color: #444;
  border-bottom: 1px solid #222;
  margin: 0 1% 2px;
}

#pointabs .Label li:hover {
  background-color: #000;
}

#pointabs .Label .otherlabel {
  display: block;
  padding: 4px 8px;
}

#pointabs .Label .countlabel {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  min-width: 20px;
  font-size: 9px;
  text-align: center;
  background-color: #111;
  color: white;
  border-radius: 2px;
}

#pointabs .Label span .countlabel {
  background-color: #8A8A8A;
}

#pointabs .Label li:hover {
  background-color: #F7DEDE;
}

.levcomt {
  position: absolute;
  right: 8px;
  bottom: 2px;
  z-index: 2;
  font-size: 90%;
}

.levcomt a {
  color: white;
  padding: 0 8px;
  display: block;
  height: 20px;
  line-height: 20px;
  text-decoration: none;
  cursor: pointer;
  background-color: #B02424;
  background-image: -webkit-linear-gradient(top, #B02424, #900000);
  background-image: -moz-linear-gradient(top, #B02424, #900000);
  background-image: -o-linear-gradient(top, #B02424, #900000);
  background-image: linear-gradient(top, #B02424, #900000);
  border-radius: 4px;
  position: relative;
  top: -1px;
  font-family: Arial, Sans-serif;
  font-weight: bold;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.levcomt a:hover {
  background-color: #A10606;
  background-image: -webkit-linear-gradient(top, #444, #222);
  background-image: -moz-linear-gradient(top, #444, #222);
  background-image: -o-linear-gradient(top, #444, #222);
  background-image: linear-gradient(top, #444, #222);
}

.levcomt a:active {
  top: 0;
  background-color: #444;
  background-image: -webkit-linear-gradient(top, #444, #222);
  background-image: -moz-linear-gradient(top, #444, #222);
  background-image: -o-linear-gradient(top, #444, #222);
  background-image: linear-gradient(top, #444, #222);
}

#comments h4 {
  font-size: 140%;
  text-transform: capitalize;
  margin: 0;
  line-height: 1.4em;
}

.comments .comments-content {
  font-size: 11px;
}

#bottomfoot {
  text-align: center;
  font-size: 11px;
  color: white;
  padding: 8px 0;
  border-top: 1px solid #640000;
  position: relative;
  width: 100%;
  background-color: #333;
  -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.3), 0px 1px 5px #515151;
  -moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.3), 0px 1px 5px #515151;
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.3), 0px 1px 5px #515151;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}

#bottomfoot a {
  color: #DAAE01;
}

#bottomfoot span {
  position: relative;
}

#bottomfoot a.imgblogger {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: -12px;
  left: 55px;
  text-indent: -9999px;
  color: transparent;
  background-image: url(../images/blogger.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}

#main-wrapper {
  padding: 10px 5px 10px 2px;
  position: relative;
}

.post {
  background-color: #FCFCFC;
  -moz-box-shadow: 0 0 20px #F0F0F0 inset, 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 20px #F0F0F0 inset, 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 20px #F0F0F0 inset, 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3);
  border: 1px solid white;
  position: relative;
}

.post h1.post-title {
  text-shadow: 1px 1px 0 #DDD, 2px 2px 0 #BBB;
  font-size: 220%;
  margin: 15px 0 8px;
  padding: 0 5px;
}

.postmeta-primary {
  font-size: 75%;
  font-style: italic;
  border-bottom: 1px solid #CCC;
  padding: 0 5px 5px;
}

.breadcrumbs {
  font-size: 75%;
  padding: 0 5px;
  position: absolute;
  z-index: 2;
  overflow: hidden;
  top: 25px;
  height: 12px;
}

.post-body {
  padding: 0 6px 10px;
}

.pager-isi a, .pager-isi .linkgrey {
  width: 50%;
  display: block;
  float: left;
  padding: 10px 0;
  font-size: 120%;
}

.pager-isi h6 {
  color: #575757;
  font-size: 105%;
  font-weight: bold;
}

a.blog-pager-newer-link {
  background-image: url(../images/nav-left.png);
  background-repeat: no-repeat;
  background-position: 2% center;
  padding-left: 3.5%;
  text-align: left;
}

a.blog-pager-older-link {
  background-image: url(../images/nav-right.png);
  background-repeat: no-repeat;
  background-position: 98% center;
  padding-right: 3.5%;
  text-align: right;
}

.pager-isi .linkgrey.left {
  padding-left: 3.5%;
  text-align: left;
}

.pager-isi .linkgrey.right {
  padding-right: 3.5%;
  text-align: right;
}

.post-body {
  margin: 12px 5px 15px;
}

#bwapost {
  overflow: hidden;
  margin-bottom: 10px;
  background-color: #eee;
  border-top: 4px solid #0186CB;
  padding: 5px;
  position: relative;
  text-align: left;
  clear: both;
}

#related_posts {
  width: 50%;
  display: inline-block;
  float: left;
  border-right: 1px solid #E4E4E4;
}

#adsbwah {
  width: 50%;
  float: right;
}

#related_posts h4 {
  font-size: 160%;
  padding: 3px 5px 4px;
}

#related_posts span {
  display: block;
  width: 52px;
  height: 52px;
  float: left;
  padding: 2px;
  border: 1px solid #C4C4C4;
  margin-right: 4px;
}

#related_posts img {
  width: 100%;
  height: 100%;
  display: block;
}

#related_posts strong {
  height: 18px;
  display: block;
  font: bold 11px/15px Tahoma, Arial, Sans-Serif;
  overflow: hidden;
  color: #225588;
}

#related_posts strong:hover {
  color: #5687b8;
  text-decoration: underline;
}
#related_posts p {
  margin: 0;
  font-size: 80%;
  line-height: 11px;
}

#related_posts li {
  overflow: hidden;
  list-style: none;
  margin: 0 0 2px;
  background-color: #e5e5e5;
  padding: 0 7px 0 7px;
  line-height: 24px;
  height: 60px;
  overflow: hidden;
  border-bottom: 1px dotted #ccc;
}

#related_posts a {
  margin-top: 3px;
  display: block;
}

#adsbwah .ads300 {
  margin: 10px auto;
  width: 300px;
  height: 250px;
}

#adsbwah span {
  display: block;
  width: 300px;
  line-height: 250px;
  height: 250px;
  color: #C40000;
  text-align: center;
  background-color: #F0E2E2;
  border: 2px solid #AF1515;
  font-weight: bold;
}

.pager-isi h5 {
  font-size: 110%;
}

.signaturemkr {
  display: block;
  width: 200px;
  height: 136px;
  text-indent: -9999px;
  margin-left: auto;
  background-image: url(#);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#dmcamkr a {
  display: block;
  position: absolute;
  z-index: 2;
  right: 110px;
  bottom: 2px;
  height: 21px;
  line-height: 20px;
  padding: 0 8px;
  border-radius: 4px;
  background-color: #0E9B02;
  text-decoration: none;
  font-weight: bold;
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

.post-body img {
  padding: 5px;
  border: 1px solid #DFDFDF;
}

.gambarpost.tengah {
  text-align: center;
}

.ketgambar {
  font-size: 75%;
}

.eksternal, .exte {
  background: url(http: //3.bp.blogspot.com/-8eHTIwNxjPc/UDzl_y4_opI/AAAAAAAAEtE/pFJbpnL2NnU/s12/application_go.png) no-repeat right center;
  padding-right: 16px;
}

.boxtable {
  overflow: hidden;
  border: 1px solid #BE0E0E;
  border-radius: 2px 2px 3px 3px;
}

.hdtable {
  background: #BD1717;
  color: white;
}

.isinya {
  overflow: hidden;
  padding: 5px 10px;
  border-bottom: 1px solid #C94242;
}

.leftx {
  float: left;
  width: 30%;
  padding-right: 8px;
}

.rightx {
  float: left;
  width: 70%;
}

.half {
  width: 50%;
}

.boxtable .isinya:nth-child(even) {
  background: #F1F1F1;
}

.nomor {
  padding: 0;
  text-align: center;
  font-size: 30px;
  line-height: 40px;
  height: 40px;
  width: 40px;
  color: white;
}

.lingkar {
  border-radius: 9999px;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
}

.blue {
  background: #3A90D5;
}

.green {
  background: #07AD57;
}

.red {
  background: #AD0707;
}

.ungu {
  background: #A066CE;
}

#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
}

#cboxOverlay {
  background: #fff;
}

#colorbox {}

#cboxContent {
  margin-top: 32px;
  overflow: visible;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  background: black;
  padding: 0;
  border: 1px solid black;
  border-radius: 2px;
}

#cboxLoadingGraphic {
  background: url(http: //3.bp.blogspot.com/-JgkyqeiMffE/UML277FMsxI/AAAAAAAAHAQ/EzhI7ROpkl4/s1600/loading.gif) no-repeat center center;
}

#cboxLoadingOverlay {
  background: #000;
}

#cboxTitle {
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  width: 100%;
  background: black;
  background-color: rgba(0, 0, 0, 0.53);
  padding: 0;
}

#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px;
}

#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -20px;
  background: url(http: //3.bp.blogspot.com/-SjtpOJ0PGj8/UML24AWJ1cI/AAAAAAAAHAI/Plv3AGOZmWg/s1600/controls.png) no-repeat 0 0;
}

#cboxPrevious {
  background-position: 0 -2px;
  right: 21px;
  top: 1px;
  width: 20px;
  height: 17px;
  border-radius: 2px 0 0 2px;
}

#cboxPrevious:hover {
  background-position: 0 -27px;
}

#cboxNext {
  background-position: -25px -2px;
  right: 1px;
  top: 1px;
  width: 20px;
  height: 17px;
  border-radius: 0 2px 2px 0;
}

#cboxNext:hover {
  background-position: -25px -27px;
}

#cboxClose {
  background-position: -50px 0;
  right: 0;
}

#cboxClose:hover {
  background-position: -50px -25px;
}

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
  right: 43px;
}

.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -27px;
  right: 21px;
  top: 1px;
  width: 22px;
  height: 17px;
}

.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -27px;
}

.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px -2px;
  right: 21px;
  top: 1px;
  width: 22px;
  height: 17px;
}

.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -27px;
}

.post h1.post-title a {
  color: black;
}

.post-body h2 {
  font-size: 160%;
  margin: 8px -12px;
  padding: 2px 10px;
  background-color: #ECECEC;
  border-top: 1px solid #B3B3B3;
  border-bottom: 1px solid #B3B3B3;
  text-shadow: 0 1px 1px #A5A5A5;
}

.post-body h3 {
  font-size: 150%;
  padding: 5px 10px 5px;
  margin: 5px -12px;
  background-color: #F0F0F0;
  color: #3A3A3A;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}

.intrn {
  background: url(http: //1.bp.blogspot.com/-X56LlerVpBc/UB4A0X6A4yI/AAAAAAAAETY/71pkRqZpDic/s1600/externalink.png) no-repeat right center;
  padding-right: 15px;
}

.mkrbut-grup {
  display: block;
  width: auto;
  margin: 0 auto;
  text-align: center;
}

.post-body a.button {
  line-height: 60px;
  padding: 7px 12px;
  margin: 0 3px;
}

.button {
  cursor: pointer;
  background-color: #B02424;
  background-image: -webkit-linear-gradient(top, #B02424, #900000);
  background-image: -moz-linear-gradient(top, #B02424, #900000);
  background-image: -o-linear-gradient(top, #B02424, #900000);
  background-image: linear-gradient(top, #B02424, #900000);
  border: 1px solid #600;
  position: relative;
  top: -1px;
  text-decoration: none !important;
  color: #EBEBEB !important;
  font: bold 11px Arial, Sans-serif;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  padding: 3px 7px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

.button:hover {
  background-color: #A10606;
  background-image: -webkit-linear-gradient(top, #444, #222);
  background-image: -moz-linear-gradient(top, #444, #222);
  background-image: -o-linear-gradient(top, #444, #222);
  background-image: linear-gradient(top, #444, #222);
  color: white;
  text-decoration: none !important;
}

.button:active {
  top: 0;
  background-color: #444;
  background-image: -webkit-linear-gradient(top, #444, #222);
  background-image: -moz-linear-gradient(top, #444, #222);
  background-image: -o-linear-gradient(top, #444, #222);
  background-image: linear-gradient(top, #444, #222);
}

#alert-box {
  position: fixed !important;
  position: absolute;
  top: 50px;
  right: 0;
  left: 0;
  z-index: 9999;
  text-align: center;
  display: none;
}

#alert-box .message {
  text-align: left;
  width: 370px;
  margin: 0 auto;
  background-color: #174A87;
  border: 10px solid #0A2E58;
  color: white;
  padding: 1.2em 1.4em;
  -webkit-box-shadow: 0 0 2px 1px black, 0 0 10px black;
  -moz-box-shadow: 0 0 2px 1px black, 0 0 10px black;
  box-shadow: 0 0 2px 1px black, 0 0 10px black;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

margin-top:20px;
  left:50%;
  text-align:center;
  #alert-box button {
  border: none;
  margin: 0 2px;
}

img.emo, input.emo-key {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
}

input.emo-key {
  background-color: black;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #333;
  font-size: 12px;
  font-weight: normal;
  color: white;
  margin: 0 0;
  padding: 1px 1px;
}

figure.separator {
  margin: 0;
  border: 1px solid #A75E5E;
  padding: 10px;
  background-color: #E2CFCF;
  text-align: center;
}

figure.separator img {
  margin: 0 auto;
  background-color: #DFB9B9;
  padding: 3px;
  border: 1px solid #B96767;
}

figure.separator figcaption {
  font-style: italic;
  color: #7A0202;
}

#related_posts span.loadingnya {
  margin: 0 auto;
  border: 0;
  width: 50px;
  height: 270px;
  text-indent: -9999px;
  float: none;
  background-image: url(http: //4.bp.blogspot.com/-h0CltuAVwSs/UK3GfMM7EOI/AAAAAAAAG1E/51IsS_L6Ap8/s1600/download.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.post-body h4 {
  font-size: 135%;
}

#calendarDisplay {
  display: block;
}

#blogger_calendar {
  margin: 0 auto;
  width: 100%;
  padding: 3px 3px;
}

#bcaption {
  padding: 3px 10px;
  margin: 0 0 2px;
  font: bold 100% Tahoma, Arial, Sans-serif;
  background-color: #333;
  border-radius: 2px;
  width: 100%;
  display: block;
}

#bcaption select {
  background: #444;
  border: 1px solid #555;
  padding: 1px;
  width: 100%;
  color: #999;
  font-size: 120%;
}

table#bcalendar thead {
  width: 100%;
  display: block;
}

table#bcalendar thead tr {
  display: block;
  width: 100%;
  overflow: hidden;
}

table#bcalendar thead tr th {
  text-align: center;
  padding: 3px 0;
  font-size: 10px;
  line-height: 14px;
  background: #444;
  border-radius: 2px;
  color: white;
  display: block;
  float: left;
  width: 13.28%;
  margin: 0 0.5%;
}

table#bcalendar {
  margin: 0 0;
  width: 100%;
}

table#bcalendar tbody, table#bcalendar tbody tr, table#bcalendar tbody tr td {
  display: block;
  overflow: hidden;
}

table#bcalendar tbody tr td {
  cursor: pointer;
  text-align: center;
  padding: 3px 0;
  color: #999;
  font: bold 100% Tahoma, Arial, Sans-serif;
  width: 9.28%;
  float: left;
  margin: 2px 2.5%;
}

table#bcalendar tbody tr td a:link, table#bcalendar tbody tr td a:visited, table#bcalendar tbody tr td a:active {
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}

table#bcalendar tbody tr td a:hover {
  color: #ffffff;
  text-decoration: none;
}

table#bcalendar tbody tr td.firstCell {
  visibility: hidden;
}

td.emptyCell {
  visibility: hidden;
}

table#bcalendar tbody tr td.highlightCell {
  background: #444;
  border: 1px solid #555;
}

table#bcalendar tbody tr td.highlightCell:hover {
  background: #000;
}

table#bcNavigation {
  width: 100%;
  background-color: #333;
  font: normal bold 11px Arial, Sans-Serif;
  text-transform: uppercase;
  position: relative;
  z-index: 4;
  color: #aaa;
  padding: 2px;
  border-bottom: 1px solid #222;
  -webkit-box-shadow: 0 1px 0 #444;
  -moz-box-shadow: 0 1px 0 #444;
  box-shadow: 0 1px 0 #444;
  text-align: center;
}

table#bcNavigation a:link {
  text-decoration: none;
  color: #F3DADA;
}

table#bcNavigation a:hover {
  color: white;
}

td#bcFootPrev, td#bcFootNext {
  width: 10px;
}

td#bcFootAll {
  text-align: center;
}

#calendarDisplay ul#calendarUl {
  padding: 0 0 0 30px;
  padding: 0 0 0 15px;
  margin-top: -30px;
}

#calendarDisplay #calendarUl li {
  border-top: 1px solid #444;
  border-bottom: 1px solid #222;
  list-style: decimal outside none;
  text-indent: 0;
  display: list-item;
  padding: 0 0 5px;
  margin: 0;
}

#calLoadingStatus {
  font-size: 0;
  padding: 10px 0;
}

#calLoadingStatus img {
  display: block;
  width: 80px;
  margin: 0 auto 10px;
}

#ketataskal h4 {
  margin: 5px 0;
  font-size: 175%;
  text-align: center;
  padding: 5px;
  color: #333;
}

#tooltipshow {
  position: absolute;
  color: white;
  z-index: 9999;
  font-size: 10px;
  width: 240px;
  background-color: #7A0202;
  padding: 7px;
  border-radius: 2px;
  box-shadow: 0 0 4px black;
  -webkit-box-shadow: 0 0 4px black;
  -moz-box-shadow: 0 0 4px black;
}

#tooltipshow img {
  display: block;
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 5px;
  border: 1px solid #500000;
  background-color: white;
  padding: 3px;
}

#tooltipshow h6 {
  font-size: 14px;
  margin: 0 0 2px;
}

#tooltipshow p {
  margin: 0;
  line-height: 14px;
}

#HTML7 ul {
  margin: 0 0 5px;
}

#HTML7 li {
  padding: 2px 2px 2px 25px;
  background: transparent url(http://3.bp.blogspot.com/-8eHTIwNxjPc/UDzl_y4_opI/AAAAAAAAEtE/pFJbpnL2NnU/s12/application_go.png) no-repeat 7px center;
}

#HTML7 li:hover {
  background: #444 url(http://3.bp.blogspot.com/-8eHTIwNxjPc/UDzl_y4_opI/AAAAAAAAEtE/pFJbpnL2NnU/s12/application_go.png) no-repeat -30px center;
}

.sukasocial {
  overflow: hidden;
  background: #F3EBEB;
  margin: 0 -2px;
  border-bottom: 1px solid #D1D1D1;
}

.sukatdk {
  float: left;
  margin: 2px 0 0;
}

.social-header {
  float: right;
  padding: 3px 0 0;
}

.social-header .fbxx {
  float: right;
}

pre code mark {
  background: white;
}

a#top {
  cursor: pointer;
  position: fixed !important;
  position: absolute;
  bottom: -40px;
  right: -40px;
  z-index: 999;
  width: 30px;
  height: 30px;
  background-color: #067BAF;
  border: 1px solid #144F69;
  overflow: hidden;
  background-image: -webkit-radial-gradient(top, #2493C4, #086A95);
  background-image: -moz-radial-gradient(top, #2493C4, #086A95);
  background-image: -ms-radial-gradient(top, #2493C4, #086A95);
  background-image: -o-radial-gradient(top, #2493C4, #086A95);
  background-image: radial-gradient(top, #2493C4, #086A95);
  -webkit-border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  border-radius: 10px 0 0 0;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 0 1px #2493C4, 0 1px 3px black;
  -moz-box-shadow: inset 0 0 0 1px #2493C4, 0 1px 3px black;
  box-shadow: inset 0 0 0 1px #2493C4, 0 1px 3px black;
}

a#top:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 10px 4px;
  border-style: solid;
  border-color: transparent transparent #C3D1D7 transparent;
  position: absolute;
  top: 0;
  left: 11px;
}

a#top:focus {
  outline: none;
}

a#top:hover:after {
  border-bottom-color: white;
}

a#top:active {
  background-image: -webkit-linear-gradient(top, #144F69, #2493C4);
  background-image: -moz-linear-gradient(top, #144F69, #2493C4);
  background-image: -ms-linear-gradient(top, #144F69, #2493C4);
  background-image: -o-linear-gradient(top, #144F69, #2493C4);
  background-image: linear-gradient(top, #144F69, #2493C4);
}

p.commsg span::selection {
  background: #00AA0E;
}

p.commsg span::-moz-selection {
  background: #00AA0E;
}

.post-body ol {
  padding: 0 0 0 30px;
}

#search-result ul::-webkit-scrollbar-thumb {
  overflow: visible;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: solid 1px #A04949;
  background-color: #A50D0D;
}

#search-result ul::-webkit-scrollbar {
  width: 10px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(202, 202, 202, 0.07)), color-stop(100%, rgba(229, 229, 229, 0.07)));
  background: -webkit-linear-gradient(left, rgba(202, 202, 202, 0.07) 0%, rgba(229, 229, 229, 0.07) 100%);
  -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .15) inset, 0 1px 0 0 #050505;
  -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .15) inset, 0 1px 0 0 #050505;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, .15) inset, 0 1px 0 0 #050505;
  background-color: #310000;
}

.buttonhijau.small.right {
  margin: 0 0 0 10px;
}

.sokial *, #at20mc * {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

#rcomments .notirc {
  position: absolute;
  border: 0;
  background: transparent;
  width: 15px;
  height: 20px;
  overflow: hidden;
  top: -8px;
  right: -5px;
}

#form-wrapper {
  clear: both;
  margin: 50px 0 0;
  padding: 20px 20px;
  -webkit-box-shadow: 0 1px 5px black;
  -moz-box-shadow: 0 1px 5px black;
  box-shadow: 0 1px 5px black;
  width: auto !important;
  display: block;
}

